<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout" layout:decorator="layout">

<head>
    <meta charset="utf-8">
    <title>Employees : View all</title>
    <!-- 让IE去使用最新的渲染模式 -->
    <meta http-equiv="x-ua-compatible" content="IE-edge,chrome=1">
    <!-- 视口标签 -->
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="../../static/css/bootstrap.min.css" />
    <script src="../../static/js/jquery.min.js"></script>
    <script src="../../static/js/bootstrap.min.js"></script>
    <!-- datetimepicker -->
    <link href="../../static/css/bootstrap-datetimepicker.css" rel="stylesheet">
    <script src="../../static/js/moment-with-locales.js"></script>
    <script src="../../static/js/bootstrap-datetimepicker.js"></script>
    <!-- icheck and radio -->
    <link href="../../static/skins/red.css" rel="stylesheet">
    <script src="../../static/js/jquery.icheck.min.js"></script>
    <!-- base -->
    <link rel="stylesheet" href="../../static/css/base.css" />
    <link rel="stylesheet" href="../../static/css/main.css" />
    <script type="text/javascript">
    $(document).ready(function() {
        $('#datetimepicker1').datetimepicker();
        $('input').iCheck({
            checkboxClass: 'icheckbox_minimal-red',
            radioClass: 'iradio_minimal-red',
            increaseArea: '20%' // optional
        });
    });
    </script>
</head>

<body>
    <div class="wrapper">
        <!-- sample header -->
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="container">
                <!-- 缩放时显示内容 -->
                <div class="navbar-header">
                    <!-- 按钮 -->
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
                        <span class="sr-only">切换导航</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- logo -->
                    <a class="navbar-brand" href="#"><img src="../../static/images/wilmar-logo.png" /></a>
                </div>
                <!-- 缩放时隐藏内容 -->
                <div class="collapse navbar-collapse" id="example-navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">iOS</a></li>
                        <li><a href="#">SVN</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    Java <b class="caret"></b>
                </a>
                            <ul class="dropdown-menu">
                                <li><a href="#">jmeter</a></li>
                                <li><a href="#">EJB</a></li>
                                <li><a href="#">Jasper Report</a></li>
                                <li class="divider"></li>
                                <li><a href="#">分离的链接</a></li>
                                <li class="divider"></li>
                                <li><a href="#">另一个分离的链接</a></li>
                            </ul>
                        </li>
                        <li><a href="#">SVN</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    Java <b class="caret"></b>
                </a>
                            <ul class="dropdown-menu">
                                <li><a href="#">jmeter</a></li>
                                <li><a href="#">EJB</a></li>
                                <li><a href="#">Jasper Report</a></li>
                                <li class="divider"></li>
                                <li><a href="#">分离的链接</a></li>
                                <li class="divider"></li>
                                <li><a href="#">另一个分离的链接</a></li>
                            </ul>
                        </li>
                    </ul>
                    <!-- 右侧按钮 -->
                    <div class="nav-user pull-right hidden-xs hidden-sm">
                        <a href="#"><span class="glyphicon glyphicon-user"></span> User...</a>
                        <a href="#"><span class="glyphicon glyphicon-off"></span></a>
                    </div>
                </div>
            </div>
        </nav>
        <!-- sample header end -->
        <div class="wrapper-content container">
            <!-- h1 title  -->
            <div class="hsection">
                <h2 layout:fragment="header" class="pull-left">Employee : View</h2>
            </div>
            <div layout:fragment="content" class="content-content">
                <div class="row  table-detail">
                <div class="col-md-6">
                    <dl class="dl-horizontal">
                <dt>ID</dt>
                <dd id="id" th:text="${employee.id}">123</dd>
                <dt>Name</dt>
                <dd id="name" th:text="${employee.name}">yinguowei</dd>
                <dt>Phone</dt>
                <dd id="phone" th:text="${employee.telephone}">13800000000</dd>
                <dt>Created</dt>
                <dd id="created" th:text="${employee.created}">2011-09-09</dd>
                <dt>Department</dt>
                <dd id="created" th:text="${employee.created}">Development department</dd>
                <dt>Email</dt>
                <dd id="created" th:text="${employee.created}">qwe@123.com</dd>
                <dt>Date</dt>
                <dd id="created" th:text="${employee.created}">2011-09-09</dd>
            </dl>
               </div>
               <div class="col-md-12">
                        <form name="deleteForm" th:action="@{'/employee/' + ${employee.id}}"th:object="${employee}" action="employeeList.html"  method="post">
                            <input type="hidden" value="delete" name="_method" />
    <!--                <button type="submit" class="btn btn-link" >Delete</button> -->
                        </form>
                        <dl class="dl-horizontal button">
                            <dt></dt>
                            <dd><a href="#" onclick="document.deleteForm.submit();" class="btn btn-danger"> Delete </a> <a href="employeeForm.html" class="btn btn-primary" th:href="@{'/employee/' + ${employee.id} + '/edit'}"> Modify </a></dd>
                        </dl>
                </div>
                </div>
            </div>
        </div>
        <!-- footer -->
        <div class="foot text-center">
            sample copyright 2016
        </div>
    </div>
</body>

</html>
